<html data-dpr="1" style="font-size: 37.5px;">
 <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1" />
  <meta id="i18n_pagename" content="jnd28-common">
  <title>{:C('sitename')}</title>
  <link href="/ascss/1.css" rel="stylesheet" />
  <link href="/ascss/mui/css/mui.min.css" rel="stylesheet" />
  <link href="/ascss/ek.css" rel="stylesheet" />
  <style type="text/css" title="fading circle style">
  	.circle-color-13 > div::before { background-color: #ccc; }
  	.hallTopBox {padding: 20px 30px;font-size: 14px;color: #fff;line-height: 26px;background: #33385e;}
	.flex-space-between {display: -webkit-flex;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;flex-direction: row;}
	.hallMidLottery {display: flex;background: #33385e;height: 40px;line-height: 40px;color: #fff;width: 90%;margin: 0 auto;margin-top: 10px;}
	.hallMidLottery div {flex: 1;text-align: center;}
	.hallMidLottery div span {position: relative;display: inline-block;}
	.hallMidLottery div.active span:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #7fb7ff;}
	.ru img[data-v-27854166] {height: 3.603333rem;}
	.ru>div[data-v-27854166] {margin: .53333rem;height: 3.5rem;}
	.tradeUserNums {
    position: absolute;
    right: 10px;
    top: 5px;
    text-indent: 20px;
    color: #fff;
    font-size: 12px;
}
.tradeMoneyBox {
    position: absolute;
    left: 15px;
    top: 65px;
}
.tradeMoneyBox p {
    color: #fff;
    line-height: 26px;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.tradeUserNums:after {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    background: url(/ascss/img/user.png) no-repeat center;
    background-size: contain;
}
  	</style>
  <script src='//cdn.bootcss.com/jquery/1.11.3/jquery.js'></script>
  <script src="/ascss/js/jquery.i18n.properties.js"></script>
		<script src="/ascss/js/language.js"></script>
		<script src="__PUBLIC__/layer/layer.js"></script>
   <script>
    (function (win, lib) {
      var doc = win.document
      var docEl = doc.documentElement
      var metaEl = doc.querySelector('meta[name="viewport"]')
      var flexibleEl = doc.querySelector('meta[name="flexible"]')
      var dpr = 0
      var scale = 0
      var tid
      var flexible = lib.flexible || (lib.flexible = {})
 
      if (metaEl) {
        console.warn('将根据已有的meta标签来设置缩放比例')
        var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/)
        if (match) {
          scale = parseFloat(match[1])
          dpr = parseInt(1 / scale)
        }
      } else if (flexibleEl) {
        var content = flexibleEl.getAttribute('content')
        if (content) {
          var initialDpr = content.match(/initial\-dpr=([\d\.]+)/)
          var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/)
          if (initialDpr) {
            dpr = parseFloat(initialDpr[1])
            scale = parseFloat((1 / dpr).toFixed(2))
          }
          if (maximumDpr) {
            dpr = parseFloat(maximumDpr[1])
            scale = parseFloat((1 / dpr).toFixed(2))
          }
        }
      }
 
      if (!dpr && !scale) {
        var isAndroid = win.navigator.appVersion.match(/android/gi)
        var isIPhone = win.navigator.appVersion.match(/iphone/gi)
        var devicePixelRatio = win.devicePixelRatio
//          if (isIPhone) {
//            // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
//            if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
//              dpr = 3;
//            } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){
//              dpr = 2;
//            } else {
//              dpr = 1;
//            }
//          } else {
//            // 其他设备下，仍旧使用1倍的方案
//            dpr = 1;
//          }
        dpr = 1
        scale = 1 / dpr
      }
 
      docEl.setAttribute('data-dpr', dpr)
      if (!metaEl) {
        metaEl = doc.createElement('meta')
        metaEl.setAttribute('name', 'viewport')
        metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no')
        if (docEl.firstElementChild) {
          docEl.firstElementChild.appendChild(metaEl)
        } else {
          var wrap = doc.createElement('div')
          wrap.appendChild(metaEl)
          doc.write(wrap.innerHTML)
        }
      }
 
      function refreshRem () {
        var width = docEl.getBoundingClientRect().width
        if (width / dpr > 540) {
          width = 540 * dpr
        }
        var rem = width / 10
        docEl.style.fontSize = rem + 'px'
        flexible.rem = win.rem = rem
      }
 
      win.addEventListener('resize', function () {
        clearTimeout(tid)
        tid = setTimeout(refreshRem, 300)
      }, false)
      win.addEventListener('pageshow', function (e) {
        if (e.persisted) {
          clearTimeout(tid)
          tid = setTimeout(refreshRem, 300)
        }
      }, false)
 
      if (doc.readyState === 'complete') {
//          doc.body.style.fontSize = 12 * dpr + 'px';
        doc.body.style.fontSize = 16 + 'px'
      } else {
        doc.addEventListener('DOMContentLoaded', function (e) {
//            doc.body.style.fontSize = 12 * dpr + 'px';
          doc.body.style.fontSize = 16 + 'px'
        }, false)
      }
 
      refreshRem()
 
      flexible.dpr = win.dpr = dpr
      flexible.refreshRem = refreshRem
      flexible.rem2px = function (d) {
        var val = parseFloat(d) * this.rem
        if (typeof d === 'string' && d.match(/rem$/)) {
          val += 'px'
        }
        return val
      }
      flexible.px2rem = function (d) {
        var val = parseFloat(d) / this.rem
        if (typeof d === 'string' && d.match(/px$/)) {
          val += 'rem'
        }
        return val
      }
 
    })(window, window['lib'] || (window['lib'] = {}))
  </script>
  <!-- 环境判断:测试、正式 -->
  <script>
    var host = window.location.host
    ;(function isFormalEnv(host){
      if(host.indexOf('kw13.cn') !== -1){
        window.isFormalEnv = true
        window.isTestEnv = false
      } else if(host.indexOf('kwmzy.com') !== -1) {
        window.isTestEnv = true
        window.isFormalEnv = false
      }
    })(host)
  </script>
  <!-- 腾讯移动统计配置 -->
  <script>
    var mtah5 = {}
    if(window.isFormalEnv){
      mtah5.sid = 500411881
      mtah5.cid = 500432840
    } else { // 本地、测试环境使用
      mtah5.sid = 500412096
      mtah5.cid = 500426037
    }
    var _mtac = {"performanceMonitor":1,"senseQuery":1};
    (function() {
      var mta = document.createElement("script");
      mta.setAttribute("name", "MTAH5");
      mta.setAttribute("sid", mtah5.sid);
      mta.setAttribute("cid", mtah5.cid);
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(mta, s);
    })();
  </script>
  <script>
    window.origin = window.location.origin
  </script>
 </head>
 <body class="loginbg" style="font-size: 12px;">
 	<header class="mui-bar mui-bar-nav top-status"><a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #fff;" onclick="javascript :history.back(-1);"></a> <div class="flex-start headerContent"><img src="/images/static/menu.png" height="16"><div class="logoText" data-language="jydt-jydt">交易大厅</div></div></header>
  <div id="app">
   <div data-v-27854166="" class="main">
    <!--div data-v-27854166="" class="header">
     <div class="left_btn" onclick="location.href='/Home/Run/index'">
      <img style="margin-top:13px;"src="/asimages/fanhui.png" alt="" class="return" />
     </div> 
     <div class="Maintitle">
      <h3>赔率选择</h3>
     </div> 
     <div class="right_btn"></div>
    </div--> 
    
    <div class="hallTopBox">
   <div class="flex-space-between">
    <div style="font-size: 16px;color: #078be0;font-weight: bold;" id="balance">
     {$user.points}
    </div>
    <div>
     <i data-language="jydt-jrjyl">今日交易量：</i>
     <span id="todayWater"> - </span>
    </div>
   </div>
   <div class="flex-space-between">
    <div data-language="jydt-zhhb">
     账户货币
    </div>
    <div>
     <i data-language="jydt-zrjyl">昨日交易量：</i>
     <span id="yestodayWater"> - </span>
    </div>
   </div>
  </div>
    <div class="hallMidLottery"><div class="active"><span>COINJAR VIP</span></div></div>
    
    <div data-v-57ac5f25="" data-v-27854166="" style="display: none;">
     <div data-v-57ac5f25="" class="c5"></div> 
     <div data-v-57ac5f25="" class="c6">
      <div data-v-57ac5f25="" class="c7 animated flipInX">
       <span data-v-57ac5f25=""></span>
      </div>
     </div>
    </div> 
    <div data-v-27854166="" class="ru">
     <div data-v-27854166="" style="position:relative">
	 <a href="#" class="jnd28" min="{:C('jnd28_1_usermin_point')}" userpoints="{$userinfo.points}" shref="/Home/Run/jnd28_1">
	 <div class="tradeUserNums"><i data-language="jydt-jyrs">交易人数:</i><span class="sjtdsz1">27354</span></div>
	 <div style="position: absolute;left: 15px;top: 20px;font-size: .6rem;color: #fff;" data-language="jydt-xsc">新手仓</div>
	 <div class="tradeMoneyBox"><p><i data-language="jydt-dbzdmr">入场货币:</i>{:C('jnd28_1_usermin_point')}</p><p><i data-language="jydt-rchb">单笔最低买入:</i>{:C('jnd28_1qi_min_point')}</p></div>
      <img data-v-27854166="" src="/ascss/img/trade-type3.png" /> 
      <!--span data-v-27854166="" class="ruo">赔率说明</span--> 
      <a href="javascript:void(0);" class="shuoming" sm="加拿大28初级房">
      <!--span data-v-27854166="" class="wan">玩法说明</span-->
	  </a>
      <!--div data-v-27854166="" class="c8">
       4.0
      </div-->
	  </a>
     </div>
     <div data-v-27854166="" style="position:relative">
	 <a href="#" class="jnd28" min="{:C('jnd28_2_usermin_point')}" userpoints="{$userinfo.points}" shref="/Home/Run/jnd28_2">
	 	<div class="tradeUserNums"><i data-language="jydt-jyrs">交易人数:</i><span class="sjtdsz2">11937</span></div>
	 <div style="position: absolute;left: 15px;top: 20px;font-size: .6rem;color: #fff;" data-language="jydt-csc">成熟仓</div>
	 <div class="tradeMoneyBox"><p><i data-language="jydt-dbzdmr">入场货币:</i>{:C('jnd28_2_usermin_point')}</p><p><i data-language="jydt-rchb">单笔最低买入:</i>{:C('jnd28_2qi_min_point')}</p></div>
      <img data-v-27854166="" src="/ascss/img/trade-type2.png" /> 
      <!--span data-v-27854166="" class="ruo">赔率说明</span--> 
      <a href="javascript:void(0);" class="shuoming" sm="加拿大28中级房">
      <!--span data-v-27854166="" class="wan">玩法说明</span-->
	  </a>
      <!--div data-v-27854166="" class="c8">
       4.1-4.3
      </div-->
	  </a>
     </div>
     <div data-v-27854166="" style="position:relative">
	 <a href="#" class="jnd28" min="{:C('jnd28_3_usermin_point')}" userpoints="{$userinfo.points}" shref="/Home/Run/jnd28_3">
	 	<div class="tradeUserNums"><i data-language="jydt-jyrs">交易人数:</i><span class="sjtdsz3">13484</span></div>
	 <div style="position: absolute;left: 15px;top: 20px;font-size: .6rem;color: #fff;" data-language="jydt-jjc">进阶仓</div>
	 <div class="tradeMoneyBox"><p><i data-language="jydt-dbzdmr">入场货币:</i>{:C('jnd28_3_usermin_point')}</p><p><i data-language="jydt-rchb">单笔最低买入:</i>{:C('jnd28_3qi_min_point')}</p></div>
      <img data-v-27854166="" src="/ascss/img/trade-type5.png" /> 
      <!--span data-v-27854166="" class="ruo">赔率说明</span--> 
	  <a href="javascript:void(0);" class="shuoming" sm="加拿大28高级房">
      <!--span data-v-27854166="" class="wan">玩法说明</span-->
	  </a>	  
      <!--div data-v-27854166="" class="c8">
       4.2-4.5
      </div-->
      </a>
     </div>
     <div data-v-27854166="" style="position:relative">
	 <a href="#" class="jnd28" min="{:C('jnd28_4_usermin_point')}" userpoints="{$userinfo.points}" shref="/Home/Run/jnd28_4">
	 	<div class="tradeUserNums"><i data-language="jydt-jyrs">交易人数:</i><span class="sjtdsz4">25572</span></div>
	 <div style="position: absolute;left: 15px;top: 20px;font-size: .6rem;color: #fff;" data-language="jydt-kxhlc">开鑫红利仓</div>
	 <div class="tradeMoneyBox"><p><i data-language="jydt-dbzdmr">入场货币:</i>{:C('jnd28_4_usermin_point')}</p><p><i data-language="jydt-rchb">单笔最低买入:</i>{:C('jnd28_4qi_min_point')}</p></div>
      <img data-v-27854166="" src="/ascss/img/trade-type1.png" /> 
      <!--span data-v-27854166="" class="ruo">赔率说明</span--> 
	  <a href="javascript:void(0);" class="shuoming" sm="加拿大28VIP房">
      <!--span data-v-27854166="" class="wan">玩法说明</span-->
	  </a>	  
      <!--div data-v-27854166="" class="c8">
       4.5-4.7
       </div-->
	  </a>
     </div>
    </div>
   </div>
  </div>
<script type="text/javascript">
// 交易量
$(function(){
	$.get('/Home/User/api_jnd', null, null, 'json').done(function(data){
		$('#todayWater').html(data.jrjyl);
		$('#yestodayWater').html(data.zrjyl);
	});
});

			$(function(){
				$('.jnd28').click(function(){
					if (parseInt($(this).attr("userpoints")) < parseInt($(this).attr("min"))) {
						
						layer.msg("进入房间最低点数"+$(this).attr("min"));
						return false;
					}
					//alert($(this).attr("shref"));
					//alert("http://"+document.domain+$(this).attr('shref'));
					window.location.href = "http://"+document.domain+$(this).attr('shref');

				})

                $('.shuoming').click(function(){
                    var sm = $(this).attr("sm");
                    layer.open({
                        type: 2,
                        title: '',
                        shadeClose: true,
                        shade: false,
                        maxmin: false, //开启最大化最小化按钮
                        area: ["70%", '450px'],
                        content: '/Home/Index/shuoming_show?game='+sm,
                    });
                })
			})
		</script>
		<script>
			$(function(){
				var ref = "";
				function sj() {
				    //x上限，y下限     
				    var x = 39999;
				    var y = 10000;
				    var rand = parseInt(Math.random() * (x - y + 1) + y);
				    var rand2 = parseInt(Math.random() * (x - y + 1) + y);
				    var rand3 = parseInt(Math.random() * (x - y + 1) + y);
				    var rand4 = parseInt(Math.random() * (x - y + 1) + y);
				    $(".sjtdsz1").html("").append(rand);
				    $(".sjtdsz2").html("").append(rand2);
				    $(".sjtdsz3").html("").append(rand3);
				    $(".sjtdsz4").html("").append(rand4);
				}
				ref = setInterval(function(){
				    sj();
				},5000);
			})
		</script>
		<div class="layui-layer-move"></div>
		<script src="__PUBLIC__/Home/js/cls.js"></script>
 </body>
</html>